<!doctype html>
<html>
<head>
    <title>倔强的土豆</title>

    
        <meta charset="UTF-8">
<meta name="viewport", content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link rel="stylesheet" href='/public/css/screen.css'>
<link rel="stylesheet" href='/public/css/syntax.css'>
<link rel="stylesheet" href="/public/styles/default.css">
<script src="/public/js/highlight.pack.js"></script>
<script>hljs.initHighlightingOnLoad();</script>
    
</head>
<body>
    <div class="site">
        
            <div class="header">
            <div class="title">
    <a href="/">倔强的土豆</a>
    <a class="extra" href="/">home</a>
</div>
            </div>
        
        <!--
            <nav class="menu">
    <ul>
        <li>
            <a class="extra" href="/">分类</a></li>
        <li>
            <a class="extra" href="/">归档</a></li>
        <li>
            <a class="extra" href="/">标签</a></li>
    </ul>
</nav>
        -->
        
<div class="main">
    <p>Just-add-water CSS animation
v 3.5.2
animate.css is a bunch of cool, fun, and cross-browser animations for you to use in your projects. Great for emphasis, home pages, sliders, and general just-add-water-awesomeness.</p>
<p>&lt;!--more--&gt;
</p>
<h3 id="-">可以选用的特效:</h3>
<h4 id="-">强调注意</h4>
<ol>
<li>bounce(弹跳)</li>
<li>flash(闪光)</li>
<li>pulse(脉跳)</li>
<li>rubberBand(橡皮圈)</li>
<li>shake(摇动)</li>
<li>headShake</li>
<li>swing</li>
<li>tada</li>
<li>wobble</li>
<li>jello</li>
</ol>
<h4 id="bouncing-entrances-">Bouncing Entrances(跳入)</h4>
<ol>
<li>bounceIn</li>
<li>bounceInDown</li>
<li>bounceInLeft</li>
<li>bounceInRight</li>
<li>bounceInUp</li>
</ol>
<h4 id="bouncing-exits-">Bouncing Exits(跳出)</h4>
<ol>
<li>bounceOut</li>
<li>bounceOutDown</li>
<li>bounceOutLeft</li>
<li>bounceOutRight</li>
<li>bounceOutUp</li>
</ol>
<h4 id="fading-entrances-">Fading Entrances (淡入)</h4>
<ol>
<li>fadeIn</li>
<li>fadeInDown</li>
<li>fadeInDownBig</li>
<li>fadeInLeft</li>
<li>fadeInLeftBig</li>
<li>fadeInRight</li>
<li>fadeInRightBig</li>
<li>fadeInUp</li>
<li>fadeInUpBig</li>
</ol>
<h4 id="fadeing-exits-">Fadeing Exits (淡出)</h4>
<ol>
<li>fadeOut</li>
<li>fadeOutDown</li>
<li>fadeOutDownBig</li>
<li>fadeOutLeft</li>
<li>fadeOutLeftBig</li>
<li>fadeOutRight</li>
<li>fadeOutRightBig</li>
<li>fadeOutUp</li>
<li>fadeOutUpBig</li>
</ol>
<h4 id="flipper-">Flipper (翻转)</h4>
<ol>
<li>flipInX</li>
<li>flipInY</li>
<li>flipOutX</li>
<li>flipOutY</li>
</ol>
<h4 id="lightspeed-">Lightspeed (光动画)</h4>
<ol>
<li>lightSpeedIn</li>
<li>lightSpeedOut</li>
</ol>
<h4 id="rotating-entrances-">Rotating Entrances (旋转进入)</h4>
<ol>
<li>rotateIn</li>
<li>rotateInDownLeft</li>
<li>rotateInDownRight</li>
<li>rotateInUpLeft</li>
<li>rotateInUpRight</li>
</ol>
<h4 id="rotating-exits-">Rotating Exits (旋转淡出)</h4>
<ol>
<li>rotateOut</li>
<li>rotateOutDownLeft</li>
<li>rotateOutDownRight</li>
<li>rotateOutUpLeft</li>
<li>rotateOutUpRight</li>
</ol>
<h4 id="zoom-entrances-">Zoom Entrances (放大进入)</h4>
<ol>
<li>zoomIn (放大)</li>
<li>zoomInDown</li>
<li>zoomInLeft</li>
<li>zoomInRight</li>
<li>zoomInUp</li>
</ol>
<h4 id="zoom-exits-">Zoom Exits (缩小淡出)</h4>
<ol>
<li>zoomOut (缩小)</li>
<li>zoomOutDown</li>
<li>zoomOutLeft</li>
<li>zoomOutRight</li>
<li>zoomOutUp</li>
</ol>
<h4 id="sliding-entrances-">Sliding Entrances (滑入)</h4>
<ol>
<li>slideInDown(向下滑入)</li>
<li>slideInLeft(左边滑入)</li>
<li>slideInRight(右边滑入)</li>
<li>slideInUp(向上滑入)</li>
</ol>
<h4 id="sliding-exits-">Sliding Exits (滑出)</h4>
<ol>
<li>slideOutDown</li>
<li>slideOutLeft</li>
<li>slideOutRight</li>
<li>slideOutUp</li>
</ol>
<h4 id="specials-">specials (特殊)</h4>
<ol>
<li>hinge</li>
<li>rollIn</li>
<li>rollOut</li>
</ol>

</div>

        
            <div class="footer">
    <div class="contact">
        <p>
            <!--jjtudou-->
            <!--<br /> -->
            <!--<a href="https://codestarter.org/">Codestarter</a>,
            <a href="https://github.com/">GitHub</a>-->
            QQ:438678287 [SHINE TU] 
        </p>
    </div>
    <!--
    <div class="contact">
        <p>
            <a href="http://github.com/mojombo/">github.com/mojombo</a><br />
            <a href="http://twitter.com/mojombo/">twitter.com/mojombo</a><br />
        </p>
    </div>-->
    <!--<div class="rss">
        <a href="http://feeds.feedburner.com/tom-preston-werner">
            <img src="/images/rss.png" alt="Subscribe to RSS Feed" />
        </a>
    </div>-->
</div>
        
    </div>
</body>
</html>